.tab-main {
  .content {
    position: relative;
    width: 100%;
    height: calc(100% - 1.3rem);
    background: #fff;
    padding: 0.15rem 0.15rem 0 0.15rem;

    p.desc {
      text-align: center;
      font-size: 0.16rem;
      color: #243034;

      .line {
        color: #979797;
        margin: 0 0.02rem;
      }
    }
    .invite_city1{
      background-image: url("~@/assets/images/invite/invite_city1.png");
      height:1.3rem;
      position:absolute;
      right:0;
      left:0;
      bottom:0;
      background-size: 100% 100%;
    }
    .qrcode-wrapper {
      position: relative;
      display: block;
      width: 1.9rem;
      height: 2.26rem;
      margin: .3rem .91rem .3rem .66rem;
      background-image: url('~@/assets/images/invite/qrcode-bg.png');
      background-size: 100% 100%;
     
      .qrcode {
        position: absolute;
        left: .40rem;
        top: .58rem;
        width: 1.21rem;
        height: 1.21rem;
        margin-bottom: .1rem;
      }

      span {
        position: absolute;
        bottom: -.1rem;
        // width: 100%;
        text-align: center;
        font-size: .14rem;
        color: #666;
        left: .43rem;
      }
    }

   
  }
  .way {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1.3rem;
      background-image: url('~@/assets/images/invite/invite_footer.png');
      background-size: 100% 100%;

      .explain {
        $width: 3.45rem;
        $height: 1.03rem;
        position: absolute;
        bottom: .2rem;
        left: 50%;
        width: $width;
        height: $height;
        padding: 0 0.1rem;
        border: 2px dashed #345A67;
        border-radius: 0.04rem;
        margin-left: -$width/2;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .title {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -60%);
        padding: 0 0.1rem;
        color: #333;
        font-size: 0.14rem;
        line-height: 1.2em;
        background-color: #8FC9D5;
      }

      p {
        font-size: 0.14rem;
        color: #333;
        line-height: 2em;

        .save {
          color: #fff;
          padding: 0.03rem 0.06rem;
          border-radius: 0.02rem;
          background-color: #345A67;

        }

        .code {
          color: #345A67;
          font-weight: bold;
        }
      }
    }
}
